<template>
    <li @click="toPage" class="display-justify-s-b">
            <div class="display-justify-s-b">
               <van-icon  style="margin-right:8px" size="20" :color="item.color" :class-prefix="item.icon"></van-icon> 
            <h3>  {{item.text}}</h3>
            </div>
            <div class="display-justify-s-b">
                <div style="margin-right:8px"><slot>{{item.info}}</slot></div>
                <van-icon name="arrow" />
            </div>
           
         </li>
</template>

<script>
    export default {
        props:{
            item:{
                type:Object,
            default:{}
            }
        },
        methods:{
            toPage(){
                this.$emit('click')
            }
        }

    }
</script>

<style lang="scss" scoped>
   li{
    
      padding: 15px 15px 15px 0;
      box-sizing: border-box;
      font-size: 0.43rem;
         border-bottom: 1px solid rgb(247, 247, 247);
   }

</style>